사용설명서
파일/목차 리스트 제공
디렉토리 : e-book 폴더 구조
목차 : e-book 전체 목차 리스트
디렉토리 버튼 클릭 , 변경됩니다.
다양한 기능 제공
파일 : e-book 파일 생성 및 불러오기 등 파일에 관련된 기능
편집 : 뒤로가기, 복사하기, 찾기 등 기본 편집 기능
도구상자 : 제목, 리스트, 굵게, 표 등 추가할 수 있는 다양한 기능
스타일 : 글자에 스타일을 추가 할 수 있는 기능.
도움말 : 설명서
입력창
xhtml 파일 입력 및 편집
알람 메시지
성공/ 실패 메시지
1. E Book 생성
1) 파일 > 이북 성하기 클릭
2) 작성하기
E-book 이름 : 생성할 e-book 폴더의 이름. 필수사항.
, 특수문자(?,/,< )사용하실 수 없습니다.
위치 : 생성할 e-book 폴더의 위치. 필수사항.
이미지 : 생성할 e-book 표지 이미지.
, 선택하지 않을 , 미리 제작된 기본 이미지가 제공됩니다.
< 기본 제공 이미지 >
생성
< 작성 예시 >
E-book 이름 : newEBook
위치 : 바탕화면
이미지 : 기본 이미지
! 주의
‘이북생성하기버튼 클릭 , 아무 반응이 없으면, 항목 아래의
안내 메시지를 참고해주세요.
< 생성 성공 >
! 주의
이북생성하기성공 , e-book에는 표지만 있습니다. 내용을
작성하기를 원하실 경우, ‘2. 새 챕터 생성'를 참고해주세요.
2. 목차 추가
1) 파일 > 목차 가하기 클릭
2) 작성하기
목차 이름 : xhtml 제목.
! 주의
‘목차 이름‘xhtml 파일 이름이 아니라 생성된 파일 내 제목입니다.
< 작성 예시 >
목차 이름 : 첫번째
< 생성 성공 >
첫번째‘chapter01.xhtml’은 추가된 목차 파일입니다. 목차
추가하기’를 반복할 경우, chapter[숫자].xhtml 형식의
파일이 생성됩니다. , 숫자는 1 증가하여 생성됩니다.
<h1> 태그 안에 사용자가 입력한 목차 제목이 입력됩니다.
3. 기존의 이북 불러오기
1) 파일 > 이북 러오기 클릭
2) 불러올 이북 선택
! 주의
ePUB 폴더(e-book 폴더) 아닌 다른 폴더 선택 , 불러오는
과정에서 오류가 발생할 있습니다. 이는 프로그램의 중지되는
등의 심각한 오류를 야기할 있습니다.
< 불러오기 성공 >
4. 이북 저장하기
1) 파일 > 이북 장하기 클릭
저장하기버튼을 클릭할 경우, 오른쪽 하단에
안내메시지가 나옵니다.
변경된 내용이 xhtml파일에 저장됩니다.
5. 이북 미리보기
1) 파일 > 이북 리보기 클릭
2) 창으로 확인하기
! 주의
‘미리보기’의 경우 마지막으로 저장된 파일 내용으로 미리보기를
지원합니다.사용자가 수정한 내용과 맞지 않는 경우 이전으로
돌아가서 저장하기를 눌러주십시오.
6. EPUB으로 내보내기
1) 파일 > EPUB으로 내보내기 클릭
2) 작성하기
EPUB이란, e-book 확장자를 의미합니다. ‘ePUB 내보내기’를 할 경우, EPUB 파일
형태로 저장합니다. 파일은 다른 e-book 리더에서 열 수 있습니다.
이름 : e-book 파일의 이름.
작성자 : e-book 파일에 표시될 작성자 .
< 작성 예시>
이름 : ‘sample’
작성자 : ‘dabook
3) 파일 장하기
Epub 파일로 변환 및 저장에 성공한 경우, 오른쪽 하단에 안내 메시지가
나옵니다. 변환된 파일은 저장된 위치에서 확인 할 있습니다.
< 결과 화면 >
< 내보낸 e-book yes24 뷰어로 열기 >
: 기본 이미지로 작성된 표지를 확인할 수 있습니다.
: 페이지 하단에 작성자 이름을 확인할 수 있습니다.
: 페이지마다 번호를 확인할 수 있습니다.
6. 단어 검색하기
1) 편집 > 단어 찾기 클릭
편집
1. 뒤로가기 Undo
2. 취소하기 Redo
3. 오려두기
4. 복사하기
단축키 : ctrl + q
단축키 : ctrl + f
단축키 : ctrl + w
단축키 : ctrl + e
5. 붙여넣기
단축키 : ctrl + d
! 주의
Redo, Undo 사용할 , ctrl+z, ctrl+y 사용하면 텍스트 내용이 변경될 수 있습니다.
2) 찾을 단어 입력
찾고 싶은 단어를 단어 찾기부분에 입력하고 버튼을 클릭합니다.
< 결과 화면 >
찾은 단어의 개수와 각각의 위치를 알려줍니다.
화살표를 이용하여 다음/이전 검색 결과로 이동할 수
있습니다.
7. 단어 변경하기
1) 편집 > 단어 환하기 클릭
2) 작성하기
찾고 싶은 단어(A)를 바꾸고 싶은 단어(B)변경합니다.
Aa : 대소문자 구별없이 검색하여 변경
All : 모든 내용을 변경
! 주의
All 체크 , 별도의 안내 메시지없이 바로 변경됩니다.
< 작성 예시 결과 화면 >
찾고 싶은 단어 :
바꾸고 싶은 단어 :
조건 : 모든 항목 변경
< Before > <After>
도구상자
1. 제목
H1 ~ H6 까지의 제목을 제공하며, 숫자가 작을 수록 상위 단의 제목입니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 : H4
2. 이탤릭체
글자 기울기 효과입니다
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 번째
적용할 버튼 :
I
3. Enter
Enter 효과를 위한 <br>태그를 추가합니다.
동일한 단락에서 enter가 필요할 때 사용합니다.
입력 창에서 enter를 입력할 경우, 단락을 구분하기 위한 <p>추가됩니다.
< 작성 예시 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 앞 위치
적용할 버튼 :
1) 추가할 치에서 버튼 클릭
4.. 가로선
가로선 효과를 위한 <hr>태그를 추가합니다.
< 작성 예시 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 앞 위치
적용할 버튼 :
1) 추가할 치에서 버튼 클릭
5. 인용구
가로선 효과를 위한 <hr>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 번째 페이지입니다.
적용할 버튼 :
5. 인용
인용문 효과를 위한 <cite>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 번째 페이지입니다.
적용할 버튼 :
6. 굵게
글자에 굵게 효과를 위한 <strong>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
6. 밑줄
글자 하단의 밑줄 효과를 위한 <u>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 , 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 번째
적용할 버튼 :
7. 취소선
글자 중간의 취소선 효과를 위한 <del>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 , 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 번째
적용할 버튼 :
7. 아래첨자
아래 첨자 효과를 위한 <sub>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 두 번째
적용할 버튼 :
7. 아래첨자
아래 첨자 효과를 위한 <sub>태그를 추가합니다.
1) 적용할 부분 드래그
버튼을 누르기 , 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 적용할 버튼 클릭
< 작성 예시 결과 화면 >
적용할 부분 : 번째
적용할 버튼 :
8. 순서 없는 목록
목록 효과를 위한 <ul>, <li> 태그를 추가합니다.
< 작성 예시 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 위치
적용할 버튼 :
1) 추가할 치에서 버튼 클릭
9. 순서 있는 목록
목록 효과를 위한 <ol>, <li> 태그를 추가합니다.
< 작성 예시 결과 화면 >
적용할 부분 : ‘두 번째 페이지입니다‘에서 페이지 위치
적용할 버튼 :
1) 추가할 치에서 버튼 클릭
10. 이미지
이미지를 추가할 , 사용합니다.
내컴퓨터 내 이미지 파일만 첨부 가능합니다.
1) 추가할 치에서 버튼 클릭
2) 이미지 선택
< 결과 화면 >
11. 링크
원하는 부분에 링크를 연결할 있습니다.
인터넷 url 링크 연결이 가능합니다.
1) 적용할 부분 드래그
버튼을 누르기 , 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 링크 버튼 클릭
3) 링크 성하기
< 작성 예시 >
링크 : www.naver.com
! 주의
링크를 클릭 , 화면이 나올 경우, url확인해주세요. 만약
변경사항이 있다면, 입력창에서 url 변경하세요.
< 결과 화면 >
12.
원하는 ,크기를 설정할 수 있습니다.
표이름, , 열을 위한 <table> <caption> <thread> <tr> <td> 태그
추가합니다
1) 버튼 클릭
2) 표 행/ 크기 하기
! 주의
, 열을 0으로 입력해도 표는 생성됩니다. 표 생성을 취소하고
싶다면, 취소’버튼을 눌러주세요.
< 작성 예시 >
: 3
: 2
< 결과 화면 >
표이름과 , 열의 개수에 맞춰 tr, td,가 생성되었습니다.
<table> 태그는 표의 시작과 끝을 의미합니다. 편집
주의 바랍니다.
스타일
1. 정렬
왼쪽, 가운데, 오른쪽, 양쪽 정렬을 지원합니다.
단락을 의미하는 <p> 기준으로 적용됩니다.
1) 문단 선택
2) 버튼 클릭
적용할 문단에 키보드 커서를 위치시킵니다.
문단이란, <p> </p>감싸진 부분을 의미합니다.
< 결과 화면 >
2. 텍스트
텍스트에 색을 변경할 있습니다.
원하는 색을 선택할 있습니다.
1) 선택
A 버튼에서 마우스 오른쪽 클릭
(1) 마우스 오른쪽 클릭
(2) 선택
RGBA 값으로 설정을 지원합니다.
직접 원하는 색을 찾을 수 있습니다.
2) 적용
(1) 변경할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
< 결과 화면 >
2. 배경색
텍스트 배경색을 변경할 수 있습니다.
원하는 색을 선택할 있습니다.
! 주의
페이지 배경색이 아닌 글자 배경색을 의미합니다.
(2) 버튼 클릭
1) 선택
버튼에서 마우스 오른쪽 클릭
(1) 마우스 오른쪽 클릭
(2) 선택
RGBA 값으로 설정을 지원합니다.
직접 원하는 색을 찾을 수 있습니다.
2) 배경색 적용
(1) 배경색 변경할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
단계를 생략할 경우, 스타일을 적용할 없습니다.
< 결과 화면 >
(2) 버튼 클릭
3. 글꼴
텍스트 글꼴을 변경할 수 있습니다.
원하는 글꼴을 선택할 있습니다.
1) 적용할 부분 드래그
버튼을 누르기 전, 드래그는 필수사항입니다.
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 글꼴 버튼 클릭
3) 글꼴 택하기
< 결과 화면 >
4. 글자 크기 변경
글자 크기를 변경할 있습니다.
5단계의 크기를 제공합니다.
1) 적용할 부분 드래그
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
2) 버튼 클릭
< 결과 화면 >
5. 나만의 스타일
사용자가 원하는 스타일을 만들 수 있습니다.
1) 스타일 만들기
(1) 버튼 클릭
(2) 스타일 추가하기클릭
(3) 작성하기
< 작성 예시 >
< 결과 화면 >
2) 스타일 용하기
(1) 적용한 부분 드래그
! 주의
이 단계를 생략할 경우, 스타일을 적용할 수 없습니다.
(2) 스타일 버튼 클릭
(3) 적용할 스타일 선택
< 결과 화면 >